<%-- 
    Document   : registrarAsistencia
    Created on : 17/11/2010, 10:35:55 AM
    Author     : yngrdyn
--%>
<%@ include file='../Templates/security.jsp' %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<center>
    <html:form action="/registrarAsistencia" styleId="registrarAsistenciaForm" onsubmit="return registrarAsistencia();">
        <html:hidden property="idGuardia" styleId="registro_idGuardia"></html:hidden>
        <html:hidden property="ci" styleId="registro_Cedula"></html:hidden>
        <html:hidden property="nombreSede" styleId="registro_Sede"></html:hidden>
        <html:hidden property="fecha" styleId="registro_Fecha"></html:hidden>
        <html:hidden styleId="registro_Llegada" property="horaLlegada"/>
        <html:hidden styleId="registro_Salida" property="horaSalida"/>
        <html:hidden styleId="registro_Nombre" property="nombre"/>
        <table cellspacing="5px">
            <tr>
                <td>Nombre: </td>
                <td id="registroNombre"></td>
            </tr>
            <tr>
                <td>Cedula: </td>
                <td id="registroCedula"></td>
            </tr>
            <tr>
                <td>Sede: </td>
                <td id="registroSede"></td>
            </tr><tr>
                <td>Fecha: </td>
                <td id="registroFecha"></td>
            </tr>
            <tr>
                <td>Llegada: </td>
                <td><select id="horaL">
                        <option value="" selected>-</option>
                        <%
                                    for (int i = 1; i <= 24; i++) {
                                        out.print("<option value=\"" + i + "\">" + i + "</option>");
                                    }
                        %>
                    </select>&nbsp;:&nbsp;
                    <select id="minutoL">
                        <option value="" selected>-</option>
                        <option value="00">00</option>
                        <option value="05">05</option>
                        <%
                                    for (int i = 10; i <= 55; i += 5) {
                                        out.print("<option value=\"" + i + "\">" + i + "</option>");
                                    }
                        %>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Salida: </td>
                <td>
                    <select id="horaS">
                        <option value="" selected>-</option>
                        <%
                                    for (int i = 1; i <= 24; i++) {
                                        out.print("<option value=\"" + i + "\">" + i + "</option>");
                                    }
                        %>
                    </select>&nbsp;:&nbsp;
                    <select id="minutoS">
                        <option value="" selected>-</option>
                        <option value="00">00</option>
                        <option value="05">05</option>
                        <%
                                    for (int i = 10; i <= 55; i += 5) {
                                        out.print("<option value=\"" + i + "\">" + i + "</option>");
                                    }
                        %>
                    </select>
                    <html:errors property="horas.iguales"/>
                </td>
            </tr>
            <tr id="retardoAsistencia">
                <td colspan="2">Retardado: <input type='checkbox' name='status' value='Retardado'></td>
            </tr>
            <tr>
                <td>
                    <table cellspacing="5px">
                        <tr>
                            <td><input type='radio' name='condicion' id='condicionAsistencia'value='Presente' checked> Presente</td>
                            <td><input type='radio' name='condicion' id='condicionAsistencia'value='Ausente'> Ausente</td>
                        </tr>
                        <tr>
                            <td><input type='radio' name='condicion' id='condicionAsistencia'value='Permiso'> Permiso</td>
                            <td><input type='radio' name='condicion' id='condicionAsistencia'value='Reposo'> De reposo</td>
                        </tr>
                        <tr>
                            <td><input type='radio' name='condicion' id='condicionAsistencia'value='Descanso'> Descanso</td>
                            <td><input type='radio' name='condicion' id='condicionAsistencia'value='Reemplazado'> Reemplazado</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>Espacio:</td>
                <td></td>
            </tr>
            <tr>
                <td colspan="2">
                    <select id="Espacios" name="nombreEspacio"></select>
                </td>
            </tr>
            <tr>
                <td colspan="2">Observaciones:</td>
            </tr>
            <tr>
                <td colspan="2"><textarea id="registro_Observacion" name="observaciones" cols="25" rows="5"/></td>
            </tr>
        </table>
        <br>
        <html:submit value="Registrar" styleClass="button"/>
    </html:form>
</center>
<script type="text/javascript">
    $(function(){
        listEspacios('<%= request.getParameter("nombreSede")%>');
        $('#registro_idGuardia').val('<%= request.getParameter("idGuardia")%>');
        $('#registro_Cedula').val('<%= request.getParameter("ci")%>');
        $('#registro_Sede').val('<%= request.getParameter("nombreSede")%>');
        $('#registro_Fecha').val('<%= request.getParameter("fecha")%>');
        $('#registro_Nombre').val('<%= request.getParameter("nombre")%>');
        $('#registroCedula').html('<%= request.getParameter("ci")%>');
        $('#registroNombre').html('<%= request.getParameter("nombre")%>');
        $('#registroSede').html('<%= request.getParameter("nombreSede")%>');
        $('#registroFecha').html('<%= request.getParameter("fecha")%>');
        $('#registro_Observacion').val("");

        $('#registroAsistencia').dialog("open");
    });

    $('#condicionAsistencia').change(function(){
        if($(this).val()!="presente") $('#retardoAsistencia').hide();
        else $('#retardoAsistencia').show();
    });
    
    function registrarAsistencia(){
        if($('#horaL :selected').val()=="") llegada = "";
        else llegada = $('#horaL :selected').val()+":"+$('#minutoL :selected').val()+":00";
        $('#registro_Llegada').val(llegada);

        if($('#horaS :selected').val()=="") salida = "";
        else salida = $('#horaS :selected').val()+":"+$('#minutoS :selected').val()+":00";
        $('#registro_Salida').val(salida);

        sendForm('registrarAsistenciaForm','registrarAsistencia', 'registroAsistencia');
        return false;
    }
</script>
